

<div class = "main-view"><!--最外层div-->
    <div class="left-margin top-margin"><strong class="am-text-primary am-text-lg">V认证申请管理</strong></div>


    <form class="am-form-inline left-margin top-margin" role="form">
        <div class="am-form-group">
            <div class = "city-cascading" style = "display: inline-block;" id = "cascad-search"></div>

            <label class="left-margin">审核状态:</label>
            <select ng-model="authStatus">
                <option value=''>-- 请选择 --</option>
                <option value=1>暂未通过</option>
                <option value=2>已通过</option>
                <option value=3>已拒绝</option>
            </select>

            <label class="left-margin">昵称:</label> <input type="text" class="am-form-field" ng-model="desc">

        </div>
        <button id="search-target" type="submit" class="am-btn am-btn-primary" ng-click="search($event)" data-target = "cascad-search">搜索</button>
    </form>
    <br>

    <div id = "pagination" class = "pagination"></div>
    <div class="pagination-table left-margin" id="tab_menu" style = "margin-top: 0px;">
        <form class="am-form">
            <table class="am-table am-table-striped am-table-hover table-main">
                <thead>
                <tr>
                    <th class="table-check"><input type="checkbox" ng-click="allSelected()"></th>
                    <th class="table-id">用户ID</th>
                    <th class="table-title">小区	</th>
                    <th class="table-title">昵称</th>
                    <th class="table-title">单元</th>
                    <th class="table-title">房号</th>
                    <th class="table-title">申请时间</th>
                    <th class="table-title">申请资料</th>
                    <th class="table-title">操作</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="auth in authList" id="{{auth.objId}}">
                    <td class="table-check"><input type="checkbox" class="item-check"></td>
                    <td>{{auth.user.objId}}</td>
                    <td>{{auth.community.communityName}}</td>
                    <td>{{auth.user.nickName}}</td>
                    <td>{{auth.user.roomUnit}}</td>
                    <td>{{auth.user.roomNumber}}</td>
                    <td>{{auth.dateCreated | date:'yyyy-MM-dd HH:mm:ss'}}</td>
                    <td>{{}}</td>


                    <td>
                        <figure ng-show="auth.imageURL" data-am-widget="figure" class="am am-figure am-figure-default" data-am-figure="{  pureview: 'true' }">
                            <img src="{{auth.imageURL + '?imageView2/1/w/120/h/120/q/75/format/webp'}}" data-rel="{{auth.imageURL + '?imageView2/1/w/120/h/120/q/75/format/webp'}}" ng-click="clickBigPic($event, auth)"/>
                        </figure>

                        <span ng-show="auth.imageURL==null&&auth.promotionCode==null">用户管理中修改</span>
                        <span ng-show="auth.imageURL==null&&auth.promotionCode!=null">{{auth.promotionCode}}</span>
                    </td>


                    <td>
                        <button ng-show="auth.isValid && !auth.status" class="am-btn am-btn-default am-btn-xs am-text-secondary"
                                ng-click="handleAuth(auth)"><span class="am-icon-pencil-square-o"></span> 通过
                        </button>
                        <button ng-show="auth.isValid && !auth.status" class="am-btn am-btn-default am-btn-xs am-text-secondary" data-am-modal="{target: '#doc-modal-{{$index}}', width: 800, height: 300}">
                            <span class="am-icon-pencil-square-o"></span> 拒绝
                        </button>
                        <button ng-show="auth.isValid && auth.status" class="am-btn am-btn-default am-btn-xs am-text-secondary"
                                ng-click="handleAuth(auth)"><span class="am-icon-pencil-square-o"></span> 取消认证
                        </button>

                        <button ng-show="!auth.isValid" disabled="true" class="am-btn am-btn-default am-btn-xs"> 已拒绝</button>


                        <!--拒绝 -->
                        <div class="am-modal am-modal-no-btn" id="doc-modal-{{$index}}">
                            <div class="am-modal-dialog">
                                <div class="am-modal-hd border-bottom" style = "text-align: left;">拒绝原因
                                    <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
                                </div>
                                <div class="am-modal-bd body-area">
                                    <div class = "text-left">
                                        <form>
                                            <div><label>拒绝原因：</label><textarea type="text" class = "modal-textarea" id = "doc-modal-reason-{{$index}}"
                                                                               style = "display: inline-block">亲爱的邻居，您好！为保证V认证用户是真实的本小区居民，希望您能够上传能够有效显示您家庭住址的资料（如水电煤账单或邮件地址单）。另外请重视图片质量。谢谢您的合作。</textarea></div>
                                        </form>
                                    </div>
                                </div>
                                <div class = "button-area border-top">
                                    <button type="button" class="am-btn am-btn-success right-margin top-margin" ng-show="true" ng-click="refuse(auth, $index)">保存</button>
                                </div>
                            </div>
                        </div>



                    </td>

                </tr>
                </tbody>
            </table>
        </form>
    </div>

    <div class = "left-margin">共<span id = 'page_number'>{{pageNumber}}</span>页 <span>{{count}}条数据</span></div>


</div>
